<template>
  <div class="person-style">
    <NavBar :title="title" />
    <div class="content-top">
      <div class="my-about">
        <img src="@/assets/img/person/logo-person.png" alt="" />
        <p>
          舟山市吴越信息技术有限公司成立于2003年，多年来始终致力于搭建企业与人才沟通的桥梁。主营专业的区域化人才平台，公司自主开发和运营的多个线上+线下人才招聘求职平台已成为当地极具影响力的平台之一。
        </p>
        <p>
          吴越IT作为舟山地区知名的互联网技术开发和平台运营公司，长期承担着舟山地区主要的人力资源平台开发、维护和运营责任，为舟山地区人力资源行业的信息化和网络化做出了极大贡献。公司始终以建立高品质的客户服务和开拓创新的理念作为核心动力，努力成为更专业的大数据信息化解决方案供应商。
        </p>
        <p>
          舟山人才网（www.93job.com)，为用人单位和个人提供便捷、高效的互动平台，现如今网站日均访问量15万次，拥有会员企业1万余家，在招职位5万余个，为人才和企业提供更优质的互动平台！
        </p>
      </div>
      <van-cell-group style="margin-top: 10px">
        <van-cell title="隐私政策" is-link size="large" @click="onUserYSZC" />
        <van-cell title="联系客服" value="0580-2186550" is-link size="large" />
      </van-cell-group>
    </div>
  </div>
</template>

<script>
import NavBar from "@/components/NavBar.vue";
import { Cell, CellGroup } from "vant";
export default {
  name: "AboutUs",
  components: {
    NavBar,
    [Cell.name]: Cell,
    [CellGroup.name]: CellGroup,
  },
  props: ["title"],
  // 定义属性
  data() {
    return {};
  },
  // 方法集合
  methods: {
    //隐私政策
    onUserYSZC() {
      this.$router.push({ name: "person-login-xy", query: { type: "zc" } });
    },
  },
};
</script>

<style scoped>
.person-style .my-about {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 15px 15px;
  background-color: #fff;
}

.person-style .my-about img {
  width: 70px;
  height: 70px;
  border-radius: 8px;
}

.person-style .my-about p {
  margin-top: 15px;
  font-size: 14px;
  color: #000;
  line-height: 24px;
  text-indent: 2em;
}
</style>